import {Menu} from "antd";

function SideBar() {
    const menus = [
        {
            label: '商品管理',
            key: 'item-1',
            children: [
                {label: '商品分类', key: 'submenu-1-1'},
                {label: '发布商品', key: 'submenu-1-2'},
                {label: '商品列表', key: 'submenu-1-3'},
            ],
        },
        {
            label: '订单管理',
            key: 'item-2',
            children: [
                {label: '订单列表', key: 'submenu-2-1'},
            ],
        },
        {
            label: '用户管理',
            key: 'item-3',
            children: [
                {label: '用户列表', key: 'submenu-3-1'},
            ],
        },
        {
            label: '系统管理',
            key: 'item-4',
            children: [
                {label: '用户角色', key: 'submenu-4-1'},
                {label: '菜单管理', key: 'submenu-4-2'},
            ],
        },
        {
            label: '账户设置',
            key: 'item-5',
            children: [
                {label: '账户信息', key: 'submenu-5-1'},
            ],
        },
    ]

    return (
        <Menu
            items={ menus }
            mode='inline'
            theme='dark'
            defaultOpenKeys={['item-1']}
        ></Menu>
    )
}

export default SideBar